<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		body{
			margin: 0px;
		}
		.box{
			width: 100%;
			height:950px;
			background-image: url("01.png");
			background-repeat: no-repeat;
			margin:auto;
		}
		.box1{
			width: 1913px;
			overflow: hidden;
		}
		.wenzi1{
			width: 220px;
			border-bottom: 2px dotted #FCFCFC;
			font-size: 40px;
			color: #CACACA;
			float: left;
			margin-left: 37px;
			margin-top: 31px;
		}
		.wenzi2_1{
			color: #CACACA;
			width: 97px;
			height: 97px; 
			border: 1px solid #CACACA;
			border-radius: 50px;
			float: right;
			margin-top: 5px;
			margin-right: 35px;
		}

		.wenzi2_1_one{
			font-size: 30px;
			text-align: center;
			margin:0px 0px;
			padding-top: 20px;
			color:#F4F4F4;
		}
		.wenzi2_1_one1{
			font-size: 13px;
			text-align: center;
			line-height: 10px;
			color:#F4F4F4;
			font-family: "微软雅黑";
		}
		.wenzi2_2{
			width: 300px;
			height: 97px;
			font-size: 13px;
			margin-top: 40px;
			margin-right:5px;
			float: right;
			font-style: italic;
			color: #CACACA;
			text-indent:130px;
		}
		.circle{
			width: 40px;
			height: 40px;
			color: #CACACA;
			font-size: 12px;
			font-weight: bolder;
			border-radius:50%; 
			border: 1px solid #383838;
			text-align: center;
			line-height: 40px;
			margin-left: 935px;
			margin-top: 255px;
		}
		.word{
			width: 75px;
			height: 30px;
			color: #CACACA;
			font-size: 20px;
			font-weight: bolder;
			line-height: 30px;
			margin-left: 920px;
			margin-top: 25px;
			text-align: center;
			font-family: "Vijaya";
			}
		.eye{
			width: 40px;
			height: 40px;
			border: 1px solid #383838;
			border-radius:50%; 
			text-align: center;
			line-height: 42px;
			margin-top: 135px;
			margin-left: 850px;
			display: inline-block;
			}
		.tu1{
			width: 40%;
		}
		.word1{
			color: #CACACA;
			font-size: 20px;
			font-weight: bolder;
			/*margin-left: 900px;
			margin-top: -32px;*/
			font-family: "Vijaya";
			display: inline-block;

		}
		.box3{
			margin-right:20px;
			overflow: hidden;
		}
		.tuwen{
			float: right;
			color: #CACACA;
			font-size: 13px;
			width: 80px;
			height: 80px;
			color: #CACACA;
			margin-right: 25px;
			margin-top: 200px;
		}
		ul{
			margin-top: 265px;
			list-style: none;
			margin-right: 130px;
		}
		li{	
			float: right;
		}
		.tubiao{
			margin-right: 20px;
			width:18px; 
			vertical-align: middle;
		}
		.wenzi_3{
			margin-right: 20px;
			margin-bottom: 8px;
			font-size: 14px;
			color:  #CACACA;
			vertical-align: middle;
			font-family: "微软雅黑";
		}
	</style>
</head>
<body>
	<div class="box">
		<!-- 第一部分 -->
		<div class="box1">
			<div class="wenzi1">
				I remember,
			</div>
			<div class="wenzi2">
				<div class="wenzi2_1">
					<p class="wenzi2_1_one">14%</p> 
					<div class="wenzi2_1_one1"> 
						FADE FROM MEMORIES
					</div>
				</div> 
				<div class="wenzi2_2">
					let's share our memories
					and make sure this website does not disappear.
				</div>
			</div>
		</div>
		<!-- 第二部分 -->
		<div class="di_er">
			<div class="circle">+</div>
			<div class="word">
				tell a memory
			</div>
			<div class="eye">
				<img src="eye.png" alt="haha" class="tu1">
			</div>
			<div class="word1">
				see all memories
			</div>
		</div>
		<!-- 第三部分 -->
		<div class="box3">
			<div class="tuwen">
				<img src="tu2.png" alt="haha">
				FONDATION RECHERCHE MEDICALE
			</div>
			<ul>
				<li class="wenzi_3">LANGUE_EN</li>
				<li class="wenzi_3">CREDITS</li>
				<li class="wenzi_3">TERMS AND CONDITIONS</li>
				<li class="wenzi_3">DONATE</li>
				<li><img src="tu3.png" alt="haha" class="tubiao"></li>
				<li><img src="g+.png" alt="haha" class="tubiao"></li>
				<li><img src="tu4.png" alt="haha" class="tubiao"></li>
				<li><img src="f.png" alt="haha" class="tubiao"></li>
			</ul>
		</div>

	</div>
</body>
</html>